@CHARSET "UTF-8";

<style type ="text/css">
* {
  margin: 0;
  padding: 0;
  border: none;
}
body{
	background-image:url("../images/background.png");

}
.backDiv{
	width:800px;
	height:450px;
	background-image:url("../images/back.png");
	position:relative;
	top:80px;
	margin:0 auto;
    border-radius: 15px; 
	
	
}
.backDiv .title{
	font-size:58px;
	text-align:center;
	height:70px;
    padding-top:20px;
    letter-spacing:2px;
}
.top {
	margin: 0 auto;
	height:50px;
	width:400px;
	border-top-radius: 15px;
}
#left input[type="button"]{
	width:200px;
	height:50px;
	font-size:20px;
	font-weight: bold;
	border-top-left-radius: 15px;
    background-color:#353535;
    color:white;
    
}
#left {
	height:50px;
	line-height:50px;
	float:left;
    border-radius: 15px;    /*目标元素右上角为4px的圆角*/
    border-top-radius: 15px;
}

#right {
	height:50px;
	line-height:50px;
	float:left;
    border-top-radius: 15px;
}


#right input[type="button"]{
	width:200px;
	height:50px;
	font-size:20px;
	font-weight: bold;
	border-top-right-radius: 15px;
    background-color:#ccc;
}
.formClass {
	
	width: 400px;
	text-align: center;
}
.userClass{
	border:solid 2px #ccc;
	width:250px;
	height:40px;
	margin:0 auto;
	vertical-align: middle;
	text-align:center;
	position:relative;
	top:30px;
	}

.userClass img,.passwordClass img{
	width:45px;
	border-right:2px solid grey;
	vertical-align: middle;
	float:left;
	
}
.userClass input,.passwordClass input{
	border:0px;
	background:none;
	height:38px;
	line-height:40px;
	width:200px; 
	vertical-align: middle;
	/* background-color:rgb(185,185,185); */
	}
	
.userClass:hover,.passwordClass:hover{
  -webkit-box-shadow:0 0 10px rgba(0, 204, 204, .5);  
  -moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);  
  box-shadow:0 0 10px rgba(0, 204, 204, .5); 
	
}

.passwordClass{
	border:solid 2px #ccc;
	width:250px;
	height:40px;
	margin:0 auto;
	vertical-align: middle;
	text-align:center;
	position:relative;
	top:45px;
    text-align:center;
	}	
	
	
.login {
    background-color:#f2f2f2;
	width: 400px;
	height: 280px;
	position:relative;
    top:50px;
    left:360px;
	border-radius: 15px; 
	
}


.login input[type="checkbox"] {
	
	border: 0px;
    border-radius: 10px;
    box-shadow: inset 0 0 10px #CCC;
    text-align:center;
   
}

.remember{
	float:left;
	margin-left:70px;
	/* background-color:red; */
	
}

.remember_me{
	cursor:pointer;
}

.remember_me label ,.remember label{
	color: black;
	font-size: 16px;	
	font-family:"宋体";
    font-weight:bold;
	margin-left: -10px;
}

 a {
	text-decoration: none;
	letter-spacing: 2px;
	color:black;
	font-size: 16px;
	font-family:"宋体";
	font-weight:bold;
	/* background-color:green; */
	margin-right:-20px;
}
.submit{
   overflow:hidden;
}
.login input[type="submit"] {
	width: 250px;
	height: 35px;
	background-color: #005AA5;
	font-size: 20px;
	letter-spacing: 5px;
	color: white;
	text-align: center;
	margin-top:10px;
}

/* 注册页面的css */
#registerform input[type="text"]{
	width:245px;
	height:30px;
	margin-top:5px;
	/* background-color:rgb(185,185,185); */
}
 
.errorMeg{
	height:20px;
	
 }
 
#registerform input[type="text"]:hover{
   -webkit-box-shadow:0 0 10px rgba(0, 204, 204, .5);  
   -moz-box-shadow:0 0 10px rgba(0, 204, 204, .5);  
   box-shadow:0 0 10px rgba(0, 204, 204, .5); 
   border:1px solid #ccc;
    }  
 }
/* .error-mess {
    background: #fff0f0;
    border: 1px solid #ffd2d2;
    height: 20px;
    line-height: 20px;
    margin-top: -18px;
    #b74d46
    color: black ;
    width: 100%;
}  */
 
 
 

</style>